@activeColor: #ff5858;
.v-pagination {
	user-select: none;
	&.is-background {
		.v-pager {
			li {
				border: 1px solid #ccc;
				border-radius: 3px;
				background-color: #fff;
				&.active,
				&:hover {
					color: #fff;
					border: 1px solid @activeColor;
					background-color: @activeColor;
				}
			}
		}
		.next-btn,
		.prev-btn {
			height: 28px;
			border: 1px solid #ccc;
		}
	}
}
.v-pagination__jump {
	display: inline-flex;
	vertical-align: middle;
	width: 100px;
	align-items: center;
	margin-left: 10px;
	.v-pagination__inp {
		flex: 1;
		margin: 0 6px;
		text-align: center;
		.v-input_inner {
			padding: 13px 3px;
			height: 30px;
			line-height: 30px;
			text-align: center;
		}
	}
}
.v-pagination__total {
	margin-right: 10px;
}
.prev-btn {
	margin-right: 6px;
}
.next-btn {
	margin-left: 6px;
}
.next-btn,
.prev-btn {
	border: 0;
	vertical-align: middle;
	&:hover {
		color: @activeColor;
		font-weight: bold;
	}
	&[disabled="disabled"] {
		cursor: not-allowed;
	}
}
